<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API页面</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 头尾模板 -->
    <link rel="stylesheet" href="./css/template.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="./css/API.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-left">
            <img src="./images/new-logo-white2.png">
        </div>
        <div class="header-center">
            <ul>
                <li><a href="./index.html">首页</a></li>
                <li><a href="./API.html">API</a></li>
                <li><a href="./customer.html">案例</a></li>
            </ul>
        </div>
        <div class="header-right">
            <button class="log-in"><a href="register.html">登录</a></button>
            <button class="register"><a href="login.html">注册</a></button>
        </div>
    </div>

    <main class="heart ">
        <!-- API服务 -->
        <h3 class="serve-title">API分类</h3>
        <section class="serve">
        </section>
        <!-- API详细内容 -->
        <section class="API-detail heart">
            <div class="title">
                <span>全部</span>
                <input type="text" placeholder="身份证实名">
            </div>
            <ul class="content">
            </ul>



                <!-- 分页器 -->
                <div class="Switch-the-page">
                    <div class="sorter-previous on">
                        <span class="iteam active">1</span>
                        <span class="iteam">2</span>
                        <span class="iteam">3</span>
                        <span class="iteam">4</span>
                        <span>.....</span>
                        <a href="javascript:;" class="ax">下一页></a>
                    </div>
                    <div class="sorter-previous">
                        <a href="javascript:;" class="as"> &lt;上一页 </a>
                        <span class="iteam">5</span>
                        <span class="iteam">6</span>
                    </div>
                </div>
        </section>
    </main>

    <!-- 尾部 -->
    <footer class="heart">
        <div class="content">
            <div class="left">
                <ul>
                    <li>联系与支持</li>
                    <li>400-882-7715</li>
                    <li>售前咨询</li>
                    <li>客服&售后</li>
                    <li>常见问题</li>
                    <li>极速工单</li>
                    <li>投诉与建议</li>
                </ul>
                <ul>
                    <li>关于源码</li>
                    <li>合作伙伴</li>
                    <li>服务条款</li>
                    <li>隐私政策</li>
                    <li>市场合作</li>
                    <li>反商业贿赂声明</li>
                </ul>
                <ul>
                    <li>快速入口</li>
                    <li>API数据</li>
                    <li>黑钻会员</li>
                    <li>新闻动态</li>
                    <li>联系我们</li>
                    <li>加入我们</li>
                </ul>
                <ul>
                    <li>产品服务</li>
                    <li>云监测</li>
                    <li>云查询</li>
                    <li>云助手</li>
                    <li>聚盒子</li>
                    <li>云充值</li>
                </ul>
                <ul>
                    <li>解决方案</li>
                    <li>数字中台</li>
                    <li>慧集：API生命周期管理</li>
                    <li>有赢：助力企业营销</li>
                </ul>
            </div>
            <div class="right">
                <h4>微信公众号</h4>
                <p>源码时代</p>
                <img src="./images/wechat-white.png">
            </div>
        </div>
        <div class="license">
            <p><img src="./images/bei2.png"><img src="./images/bei1.png"> 增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
            </p>
            <p>源码大数据股份有限公司©版权所有</p>
        </div>
    </footer>
    <script src="./js/API.js"></script>
</body>

</html>